<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>angular-material-app documentation</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="icon" type="image/x-icon" href="./images/favicon.ico">
	    <link rel="stylesheet" href="./styles/style.css">
    </head>
    <body>

        <div class="navbar navbar-default navbar-fixed-top visible-xs">
            <a href="./" class="navbar-brand">angular-material-app documentation</a>
            <button type="button" class="btn btn-default btn-menu fa fa-bars" id="btn-menu"></button>
        </div>

        <div class="xs-menu menu" id="mobile-menu">
            <div id="book-search-input" role="search">
                <input type="text" placeholder="Type to search">
            </div>
            <nav>
            
                <ul class="list">
            
                    <li class="title">
                        <a href="./index.html">angular-material-app documentation</a>
                    </li>
            
                    <li class="divider"></li>
            
            
                    <li class="chapter">
                        <a data-type="chapter-link" href="./index.html"><span class="fa fa-home"></span>Getting started</a>
                        <ul class="links">
                                <li class="link">
                                    <a 
                                        
                                         href="./overview.html" 
                                         href="./overview.html" 
                                        >
                                        <span class="fa fa-th"></span>Overview
                                    </a>
                                </li>
                                <li class="link">
                                  <a href="./index.html" ><span class="fa fa-file-text-o"></span>README</a>
                                </li>
                                <li class="link">
                                        <a href="./changelog.html"
                                    >
                                        <span class="fa fa-file-text-o"></span>CHANGELOG
                                    </a>
                                </li>
                                <li class="link">
                                        <a href="./license.html"
                                    >
                                        <span class="fa fa-file-text-o"></span>LICENSE
                                    </a>
                                </li>
                        </ul>
                    </li>
            
            
                    <li class="chapter">
                        <a data-type="chapter-link" href="./modules.html"  class="active" >
                            <div class="menu-toggler linked" data-toggle="collapse"
                                    data-target="#xs-modules-links"
                            >
                                <span class="fa fa-archive"></span>
                                <span class="link-name">Modules</span>
                                <span class="fa fa-angle-down"></span>
                            </div>
                        </a>
                        <ul class="links collapse "
                                id="xs-modules-links"
                            >
                                <li class="link">
                                    <a href="./modules/AdminModule.html" >AdminModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/AmpaModule.html" >AmpaModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/AnalysisModule.html" >AnalysisModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/AnalysisRoutingModule.html" >AnalysisRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/ApmModule.html" >ApmModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/ApmRoutingModule.html" >ApmRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/AppModule.html" >AppModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/AppRoutingModule.html" >AppRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/BaseLayoutModule.html" >BaseLayoutModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/ButtonModule.html" >ButtonModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/ChartModule.html" >ChartModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/ChartRoutingModule.html" >ChartRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/ChatRoutingModule.html" >ChatRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/ChatsModule.html" >ChatsModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/ComponentModule.html" >ComponentModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/CoreModule.html" >CoreModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/CrmModule.html" >CrmModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/CrmRoutingModule.html" >CrmRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/DatePickerModule.html" >DatePickerModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/FileUploadModule.html" >FileUploadModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/FireBaseComponentsModule.html" >FireBaseComponentsModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/FormModule.html" >FormModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/FormsRoutingModule.html" >FormsRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/HeaderModule.html" >HeaderModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/HomeModule.html" >HomeModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/HomeRoutingModule.html" >HomeRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/LoadingModule.html" >LoadingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/MailModule.html" >MailModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/MailRoutingModule.html" >MailRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/MaterialComponentsModule.html" >MaterialComponentsModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/MaterialsModule.html" >MaterialsModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/MaterialsRoutingModule.html" >MaterialsRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/NavigationModule.html" >NavigationModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/NavigationModule.html" >NavigationModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/NavigationRoutingModule.html" >NavigationRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/NotificaitonModule.html" >NotificaitonModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/NotificationContainerModule.html" >NotificationContainerModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/PageLayoutsModule.html" >PageLayoutsModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/PageLayoutsRoutingModule.html" >PageLayoutsRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/PagesModule.html" >PagesModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/PagesRoutingModule.html" >PagesRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/SearchModule.html" >SearchModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/SharedModule.html" >SharedModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/SidenavModule.html" >SidenavModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/TablesModule.html" >TablesModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/TablesRoutingModule.html" >TablesRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/TodoModule.html" >TodoModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/TodoRoutingModule.html" >TodoRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/WidgetModule.html" >WidgetModule</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-components-links"
                            >
                            <span class="fa fa-cogs"></span>
                            <span>Components</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-components-links"
                            >
                                <li class="link">
                                    <a href="./components/AboutComponent.html" >AboutComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/AdminComponent.html" >AdminComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/AgeComponent.html" >AgeComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/AmapComponent.html" >AmapComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/AmapComponent.html" >AmapComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/AppComponent.html" >AppComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/BarComponent.html" >BarComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/BaseLayoutComponent.html" >BaseLayoutComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/BlogComponent.html" >BlogComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/BrandComponent.html" >BrandComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/BrandComponent.html" >BrandComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ButtonComponent.html" >ButtonComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ButtonsComponent.html" >ButtonsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/CalendarComponent.html" >CalendarComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/CalendarComponent.html" >CalendarComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/CardsComponent.html" >CardsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ChartComponent.html" >ChartComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ChatComponent.html" >ChatComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ChatsComponent.html" >ChatsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ComposeComponent.html" >ComposeComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ConsumerComponent.html" >ConsumerComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ContactComponent.html" >ContactComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ContactComponent.html" >ContactComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ContactUpdateComponent.html" >ContactUpdateComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ContactsComponent.html" >ContactsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ContractComponent.html" >ContractComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/CrmComponent.html" >CrmComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/CrowdComponent.html" >CrowdComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/CustomerCommonComponent.html" >CustomerCommonComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/CustomerComponent.html" >CustomerComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/CustomizerComponent.html" >CustomizerComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DashboardComponent.html" >DashboardComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DatatableComponent.html" >DatatableComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DateDisplayComponent.html" >DateDisplayComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DatePickerComponent.html" >DatePickerComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DatePickerComponent.html" >DatePickerComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DayButtonComponent.html" >DayButtonComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DetailComponent.html" >DetailComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DetailComponent.html" >DetailComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DialogsComponent.html" >DialogsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DoughnutComponent.html" >DoughnutComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DynamicComponent.html" >DynamicComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/EditorComponent.html" >EditorComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ElementsComponent.html" >ElementsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/EquipmentBrandComponent.html" >EquipmentBrandComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/EquipmentComponent.html" >EquipmentComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ErrorComponent.html" >ErrorComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/FileManagerComponent.html" >FileManagerComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/FileUploadComponent.html" >FileUploadComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/FooterComponent.html" >FooterComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/FormsComponent.html" >FormsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/FullwidthComponent.html" >FullwidthComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/GenderComponent.html" >GenderComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/HeaderComponent.html" >HeaderComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/HomeComponent.html" >HomeComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/IconComponent.html" >IconComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ItemComponent.html" >ItemComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/LeadComponent.html" >LeadComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/LineComponent.html" >LineComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ListComponent.html" >ListComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ListsComponent.html" >ListsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/LoadingComponent.html" >LoadingComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/MailComponent.html" >MailComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/MarkdownComponent.html" >MarkdownComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/MenuComponent.html" >MenuComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/MonthComponent.html" >MonthComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/NavCollapseComponent.html" >NavCollapseComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/NavItemComponent.html" >NavItemComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/NavigationComponent.html" >NavigationComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/NavigationComponent.html" >NavigationComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/NoticeComponent.html" >NoticeComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/NotificationComponent.html" >NotificationComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/OperatorsComponent.html" >OperatorsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/OpportunitiesComponent.html" >OpportunitiesComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PagesComponent.html" >PagesComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PaginationComponent.html" >PaginationComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PaginationComponent.html" >PaginationComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PerformanceComponent.html" >PerformanceComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PermeabilityComponent.html" >PermeabilityComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PieComponent.html" >PieComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PolarComponent.html" >PolarComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PopoverComponent.html" >PopoverComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PopoverComponent.html" >PopoverComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PopulationComponent.html" >PopulationComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PreferenceComponent.html" >PreferenceComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PreferenceFieldComponent.html" >PreferenceFieldComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ProductComponent.html" >ProductComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ProfileComponent.html" >ProfileComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ProjectComponent.html" >ProjectComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/RadarComponent.html" >RadarComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/RegionComponent.html" >RegionComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ScenePortraitComponent.html" >ScenePortraitComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/SearchComponent.html" >SearchComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ServicesComponent.html" >ServicesComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/SidenavComponent.html" >SidenavComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/SigninComponent.html" >SigninComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/SignupComponent.html" >SignupComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/SliderComponent.html" >SliderComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/StateComponent.html" >StateComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/StaticComponent.html" >StaticComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/SwitchComponent.html" >SwitchComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TableComponent.html" >TableComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TablesComponent.html" >TablesComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TabsComponent.html" >TabsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ToastComponent.html" >ToastComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TodoComponent.html" >TodoComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TodoHeaderComponent.html" >TodoHeaderComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TodoItemComponent.html" >TodoItemComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TodoListComponent.html" >TodoListComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TodoSearchComponent.html" >TodoSearchComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TodoSidenavComponent.html" >TodoSidenavComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TodoToolbarComponent.html" >TodoToolbarComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ToolbarComponent.html" >ToolbarComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ToolbarComponent.html" >ToolbarComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ToolbarHelpComponent.html" >ToolbarHelpComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ToolbarNotificationComponent.html" >ToolbarNotificationComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ToolbarUserComponent.html" >ToolbarUserComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TooltipsComponent.html" >TooltipsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/UserComponent.html" >UserComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ValidationComponent.html" >ValidationComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ViewComponent.html" >ViewComponent</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-directives-links"
                            >
                            <span class="fa fa-code"></span>
                            <span>Directives</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-directives-links"
                            >
                                <li class="link">
                                    <a href="./directives/ButtonDirective.html" >ButtonDirective</a>
                                </li>
                                <li class="link">
                                    <a href="./directives/FileUploadDirective.html" >FileUploadDirective</a>
                                </li>
                                <li class="link">
                                    <a href="./directives/LoadingDirective.html" >LoadingDirective</a>
                                </li>
                                <li class="link">
                                    <a href="./directives/NotificationContainerDirective.html" >NotificationContainerDirective</a>
                                </li>
                                <li class="link">
                                    <a href="./directives/PopoverDirective.html" >PopoverDirective</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-classes-links"
                            >
                            <span class="fa fa-file-code-o"></span>
                            <span>Classes</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-classes-links"
                            >
                                <li class="link">
                                    <a href="./classes/Chat.html" >Chat</a>
                                </li>
                                <li class="link">
                                    <a href="./classes/NavigationModel.html" >NavigationModel</a>
                                </li>
                                <li class="link">
                                    <a href="./classes/NotificationConfig.html" >NotificationConfig</a>
                                </li>
                                <li class="link">
                                    <a href="./classes/NotificationInjector.html" >NotificationInjector</a>
                                </li>
                                <li class="link">
                                    <a href="./classes/NotificationRef.html" >NotificationRef</a>
                                </li>
                                <li class="link">
                                    <a href="./classes/SidenavItem.html" >SidenavItem</a>
                                </li>
                                <li class="link">
                                    <a href="./classes/Todo.html" >Todo</a>
                                </li>
                                <li class="link">
                                    <a href="./classes/ToolbarNotificationModel.html" >ToolbarNotificationModel</a>
                                </li>
                                <li class="link">
                                    <a href="./classes/Upload.html" >Upload</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-injectables-links"
                            >
                            <span class="fa fa-long-arrow-down"></span>
                            <span>Injectables</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-injectables-links"
                            >
                                <li class="link">
                                    <a href="./injectables/AnalysisService.html" >AnalysisService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/ApmService.html" >ApmService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/AuthService.html" >AuthService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/ChatsService.html" >ChatsService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/ConfigService.html" >ConfigService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/DataTableService.html" >DataTableService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/FileManagerFirebase.html" >FileManagerFirebase</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/FileUploadService.html" >FileUploadService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/LeadService.html" >LeadService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/MailService.html" >MailService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/NavigationService.html" >NavigationService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/NavigationService.html" >NavigationService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/NotificationService.html" >NotificationService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/SidenavService.html" >SidenavService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/TodoService.html" >TodoService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/ToolbarNotificationService.html" >ToolbarNotificationService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/UserService.html" >UserService</a>
                                </li>
                        </ul>
                    </li>
            
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-interfaces-links"
                            >
                            <span class="fa fa-info"></span>
                            <span>Interfaces</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-interfaces-links"
                            >
                                <li class="link">
                                    <a href="./interfaces/Activate.html" >Activate</a>
                                </li>
                                <li class="link">
                                    <a href="./interfaces/IMapAPILoaderConfig.html" >IMapAPILoaderConfig</a>
                                </li>
                                <li class="link">
                                    <a href="./interfaces/LoadingInterface.html" >LoadingInterface</a>
                                </li>
                                <li class="link">
                                    <a href="./interfaces/NotificationIconClasses.html" >NotificationIconClasses</a>
                                </li>
                                <li class="link">
                                    <a href="./interfaces/NotificationInterface.html" >NotificationInterface</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-pipes-links"
                            >
                            <span class="fa fa-plus"></span>
                            <span>Pipes</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-pipes-links"
                            >
                                <li class="link">
                                    <a href="./pipes/DatePickerPipe.html" >DatePickerPipe</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-miscellaneous-links"
                            >
                            <span class="fa fa-cubes"></span>
                            <span>Miscellaneous</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-miscellaneous-links"
                            >
                                <li class="link">
                                  <a href="./miscellaneous/functions.html" data-type="entity-link" >Functions</a>
                                </li>
                                <li class="link">
                                  <a href="./miscellaneous/variables.html" data-type="entity-link" >Variables</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <a data-type="chapter-link" href="./routes.html" ><span class="fa fa-code-fork"></span>Routes</a>
                    </li>
            
                    <li class="chapter">
                        <a data-type="chapter-link" href="./coverage.html" ><span class="fa fa-tasks"></span>Documentation coverage</a>
                    </li>
            
                    <li class="divider"></li>
                    <li class="copyright">
                            Documentation generated using <a href="https://compodoc.github.io/website/" target="_blank">
                                        <img src=".//images/compodoc-vectorise.svg" class="img-responsive">
                            </a>
                    </li>
            
                </ul>
            
            </nav>
        </div>

        <div class="container-fluid main">
           <div class="row main">
               <div class="hidden-xs menu">
                   <nav>
                   
                       <ul class="list">
                   
                           <li class="title">
                               <a href="./index.html">angular-material-app documentation</a>
                           </li>
                   
                           <li class="divider"></li>
                   
                               <div id="book-search-input" role="search">
                                   <input type="text" placeholder="Type to search">
                               </div>
                   
                           <li class="chapter">
                               <a data-type="chapter-link" href="./index.html"><span class="fa fa-home"></span>Getting started</a>
                               <ul class="links">
                                       <li class="link">
                                           <a 
                                               
                                                href="./overview.html" 
                                                href="./overview.html" 
                                               >
                                               <span class="fa fa-th"></span>Overview
                                           </a>
                                       </li>
                                       <li class="link">
                                         <a href="./index.html" ><span class="fa fa-file-text-o"></span>README</a>
                                       </li>
                                       <li class="link">
                                               <a href="./changelog.html"
                                           >
                                               <span class="fa fa-file-text-o"></span>CHANGELOG
                                           </a>
                                       </li>
                                       <li class="link">
                                               <a href="./license.html"
                                           >
                                               <span class="fa fa-file-text-o"></span>LICENSE
                                           </a>
                                       </li>
                               </ul>
                           </li>
                   
                   
                           <li class="chapter">
                               <a data-type="chapter-link" href="./modules.html"  class="active" >
                                   <div class="menu-toggler linked" data-toggle="collapse"
                                           data-target="#modules-links"
                                   >
                                       <span class="fa fa-archive"></span>
                                       <span class="link-name">Modules</span>
                                       <span class="fa fa-angle-down"></span>
                                   </div>
                               </a>
                               <ul class="links collapse "
                                       id="modules-links"
                   >
                                       <li class="link">
                                           <a href="./modules/AdminModule.html" >AdminModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/AmpaModule.html" >AmpaModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/AnalysisModule.html" >AnalysisModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/AnalysisRoutingModule.html" >AnalysisRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/ApmModule.html" >ApmModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/ApmRoutingModule.html" >ApmRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/AppModule.html" >AppModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/AppRoutingModule.html" >AppRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/BaseLayoutModule.html" >BaseLayoutModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/ButtonModule.html" >ButtonModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/ChartModule.html" >ChartModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/ChartRoutingModule.html" >ChartRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/ChatRoutingModule.html" >ChatRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/ChatsModule.html" >ChatsModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/ComponentModule.html" >ComponentModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/CoreModule.html" >CoreModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/CrmModule.html" >CrmModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/CrmRoutingModule.html" >CrmRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/DatePickerModule.html" >DatePickerModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/FileUploadModule.html" >FileUploadModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/FireBaseComponentsModule.html" >FireBaseComponentsModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/FormModule.html" >FormModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/FormsRoutingModule.html" >FormsRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/HeaderModule.html" >HeaderModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/HomeModule.html" >HomeModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/HomeRoutingModule.html" >HomeRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/LoadingModule.html" >LoadingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/MailModule.html" >MailModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/MailRoutingModule.html" >MailRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/MaterialComponentsModule.html" >MaterialComponentsModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/MaterialsModule.html" >MaterialsModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/MaterialsRoutingModule.html" >MaterialsRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/NavigationModule.html" >NavigationModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/NavigationModule.html" >NavigationModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/NavigationRoutingModule.html" >NavigationRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/NotificaitonModule.html" >NotificaitonModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/NotificationContainerModule.html" >NotificationContainerModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/PageLayoutsModule.html" >PageLayoutsModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/PageLayoutsRoutingModule.html" >PageLayoutsRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/PagesModule.html" >PagesModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/PagesRoutingModule.html" >PagesRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/SearchModule.html" >SearchModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/SharedModule.html" >SharedModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/SidenavModule.html" >SidenavModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/TablesModule.html" >TablesModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/TablesRoutingModule.html" >TablesRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/TodoModule.html" >TodoModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/TodoRoutingModule.html" >TodoRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/WidgetModule.html" >WidgetModule</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#components-links"
                   >
                                   <span class="fa fa-cogs"></span>
                                   <span>Components</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="components-links"
                   >
                                       <li class="link">
                                           <a href="./components/AboutComponent.html" >AboutComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/AdminComponent.html" >AdminComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/AgeComponent.html" >AgeComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/AmapComponent.html" >AmapComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/AmapComponent.html" >AmapComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/AppComponent.html" >AppComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/BarComponent.html" >BarComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/BaseLayoutComponent.html" >BaseLayoutComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/BlogComponent.html" >BlogComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/BrandComponent.html" >BrandComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/BrandComponent.html" >BrandComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ButtonComponent.html" >ButtonComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ButtonsComponent.html" >ButtonsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/CalendarComponent.html" >CalendarComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/CalendarComponent.html" >CalendarComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/CardsComponent.html" >CardsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ChartComponent.html" >ChartComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ChatComponent.html" >ChatComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ChatsComponent.html" >ChatsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ComposeComponent.html" >ComposeComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ConsumerComponent.html" >ConsumerComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ContactComponent.html" >ContactComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ContactComponent.html" >ContactComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ContactUpdateComponent.html" >ContactUpdateComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ContactsComponent.html" >ContactsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ContractComponent.html" >ContractComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/CrmComponent.html" >CrmComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/CrowdComponent.html" >CrowdComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/CustomerCommonComponent.html" >CustomerCommonComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/CustomerComponent.html" >CustomerComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/CustomizerComponent.html" >CustomizerComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DashboardComponent.html" >DashboardComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DatatableComponent.html" >DatatableComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DateDisplayComponent.html" >DateDisplayComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DatePickerComponent.html" >DatePickerComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DatePickerComponent.html" >DatePickerComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DayButtonComponent.html" >DayButtonComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DetailComponent.html" >DetailComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DetailComponent.html" >DetailComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DialogsComponent.html" >DialogsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DoughnutComponent.html" >DoughnutComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DynamicComponent.html" >DynamicComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/EditorComponent.html" >EditorComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ElementsComponent.html" >ElementsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/EquipmentBrandComponent.html" >EquipmentBrandComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/EquipmentComponent.html" >EquipmentComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ErrorComponent.html" >ErrorComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/FileManagerComponent.html" >FileManagerComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/FileUploadComponent.html" >FileUploadComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/FooterComponent.html" >FooterComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/FormsComponent.html" >FormsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/FullwidthComponent.html" >FullwidthComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/GenderComponent.html" >GenderComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/HeaderComponent.html" >HeaderComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/HomeComponent.html" >HomeComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/IconComponent.html" >IconComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ItemComponent.html" >ItemComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/LeadComponent.html" >LeadComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/LineComponent.html" >LineComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ListComponent.html" >ListComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ListsComponent.html" >ListsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/LoadingComponent.html" >LoadingComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/MailComponent.html" >MailComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/MarkdownComponent.html" >MarkdownComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/MenuComponent.html" >MenuComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/MonthComponent.html" >MonthComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/NavCollapseComponent.html" >NavCollapseComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/NavItemComponent.html" >NavItemComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/NavigationComponent.html" >NavigationComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/NavigationComponent.html" >NavigationComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/NoticeComponent.html" >NoticeComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/NotificationComponent.html" >NotificationComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/OperatorsComponent.html" >OperatorsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/OpportunitiesComponent.html" >OpportunitiesComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PagesComponent.html" >PagesComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PaginationComponent.html" >PaginationComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PaginationComponent.html" >PaginationComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PerformanceComponent.html" >PerformanceComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PermeabilityComponent.html" >PermeabilityComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PieComponent.html" >PieComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PolarComponent.html" >PolarComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PopoverComponent.html" >PopoverComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PopoverComponent.html" >PopoverComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PopulationComponent.html" >PopulationComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PreferenceComponent.html" >PreferenceComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PreferenceFieldComponent.html" >PreferenceFieldComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ProductComponent.html" >ProductComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ProfileComponent.html" >ProfileComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ProjectComponent.html" >ProjectComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/RadarComponent.html" >RadarComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/RegionComponent.html" >RegionComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ScenePortraitComponent.html" >ScenePortraitComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/SearchComponent.html" >SearchComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ServicesComponent.html" >ServicesComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/SidenavComponent.html" >SidenavComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/SigninComponent.html" >SigninComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/SignupComponent.html" >SignupComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/SliderComponent.html" >SliderComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/StateComponent.html" >StateComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/StaticComponent.html" >StaticComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/SwitchComponent.html" >SwitchComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TableComponent.html" >TableComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TablesComponent.html" >TablesComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TabsComponent.html" >TabsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ToastComponent.html" >ToastComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TodoComponent.html" >TodoComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TodoHeaderComponent.html" >TodoHeaderComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TodoItemComponent.html" >TodoItemComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TodoListComponent.html" >TodoListComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TodoSearchComponent.html" >TodoSearchComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TodoSidenavComponent.html" >TodoSidenavComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TodoToolbarComponent.html" >TodoToolbarComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ToolbarComponent.html" >ToolbarComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ToolbarComponent.html" >ToolbarComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ToolbarHelpComponent.html" >ToolbarHelpComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ToolbarNotificationComponent.html" >ToolbarNotificationComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ToolbarUserComponent.html" >ToolbarUserComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TooltipsComponent.html" >TooltipsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/UserComponent.html" >UserComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ValidationComponent.html" >ValidationComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ViewComponent.html" >ViewComponent</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#directives-links"
                   >
                                   <span class="fa fa-code"></span>
                                   <span>Directives</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="directives-links"
                   >
                                       <li class="link">
                                           <a href="./directives/ButtonDirective.html" >ButtonDirective</a>
                                       </li>
                                       <li class="link">
                                           <a href="./directives/FileUploadDirective.html" >FileUploadDirective</a>
                                       </li>
                                       <li class="link">
                                           <a href="./directives/LoadingDirective.html" >LoadingDirective</a>
                                       </li>
                                       <li class="link">
                                           <a href="./directives/NotificationContainerDirective.html" >NotificationContainerDirective</a>
                                       </li>
                                       <li class="link">
                                           <a href="./directives/PopoverDirective.html" >PopoverDirective</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#classes-links"
                   >
                                   <span class="fa fa-file-code-o"></span>
                                   <span>Classes</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="classes-links"
                   >
                                       <li class="link">
                                           <a href="./classes/Chat.html" >Chat</a>
                                       </li>
                                       <li class="link">
                                           <a href="./classes/NavigationModel.html" >NavigationModel</a>
                                       </li>
                                       <li class="link">
                                           <a href="./classes/NotificationConfig.html" >NotificationConfig</a>
                                       </li>
                                       <li class="link">
                                           <a href="./classes/NotificationInjector.html" >NotificationInjector</a>
                                       </li>
                                       <li class="link">
                                           <a href="./classes/NotificationRef.html" >NotificationRef</a>
                                       </li>
                                       <li class="link">
                                           <a href="./classes/SidenavItem.html" >SidenavItem</a>
                                       </li>
                                       <li class="link">
                                           <a href="./classes/Todo.html" >Todo</a>
                                       </li>
                                       <li class="link">
                                           <a href="./classes/ToolbarNotificationModel.html" >ToolbarNotificationModel</a>
                                       </li>
                                       <li class="link">
                                           <a href="./classes/Upload.html" >Upload</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#injectables-links"
                   >
                                   <span class="fa fa-long-arrow-down"></span>
                                   <span>Injectables</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="injectables-links"
                   >
                                       <li class="link">
                                           <a href="./injectables/AnalysisService.html" >AnalysisService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/ApmService.html" >ApmService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/AuthService.html" >AuthService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/ChatsService.html" >ChatsService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/ConfigService.html" >ConfigService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/DataTableService.html" >DataTableService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/FileManagerFirebase.html" >FileManagerFirebase</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/FileUploadService.html" >FileUploadService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/LeadService.html" >LeadService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/MailService.html" >MailService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/NavigationService.html" >NavigationService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/NavigationService.html" >NavigationService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/NotificationService.html" >NotificationService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/SidenavService.html" >SidenavService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/TodoService.html" >TodoService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/ToolbarNotificationService.html" >ToolbarNotificationService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/UserService.html" >UserService</a>
                                       </li>
                               </ul>
                           </li>
                   
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#interfaces-links"
                   >
                                   <span class="fa fa-info"></span>
                                   <span>Interfaces</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="interfaces-links"
                   >
                                       <li class="link">
                                           <a href="./interfaces/Activate.html" >Activate</a>
                                       </li>
                                       <li class="link">
                                           <a href="./interfaces/IMapAPILoaderConfig.html" >IMapAPILoaderConfig</a>
                                       </li>
                                       <li class="link">
                                           <a href="./interfaces/LoadingInterface.html" >LoadingInterface</a>
                                       </li>
                                       <li class="link">
                                           <a href="./interfaces/NotificationIconClasses.html" >NotificationIconClasses</a>
                                       </li>
                                       <li class="link">
                                           <a href="./interfaces/NotificationInterface.html" >NotificationInterface</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#pipes-links"
                   >
                                   <span class="fa fa-plus"></span>
                                   <span>Pipes</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="pipes-links"
                   >
                                       <li class="link">
                                           <a href="./pipes/DatePickerPipe.html" >DatePickerPipe</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#miscellaneous-links"
                   >
                                   <span class="fa fa-cubes"></span>
                                   <span>Miscellaneous</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="miscellaneous-links"
                   >
                                       <li class="link">
                                         <a href="./miscellaneous/functions.html" data-type="entity-link" >Functions</a>
                                       </li>
                                       <li class="link">
                                         <a href="./miscellaneous/variables.html" data-type="entity-link" >Variables</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <a data-type="chapter-link" href="./routes.html" ><span class="fa fa-code-fork"></span>Routes</a>
                           </li>
                   
                           <li class="chapter">
                               <a data-type="chapter-link" href="./coverage.html" ><span class="fa fa-tasks"></span>Documentation coverage</a>
                           </li>
                   
                           <li class="divider"></li>
                           <li class="copyright">
                                   Documentation generated using <a href="https://compodoc.github.io/website/" target="_blank">
                                               <img src=".//images/compodoc-vectorise.svg" class="img-responsive">
                                   </a>
                           </li>
                   
                       </ul>
                   
                   </nav>
               </div>
               <div class="content modules">
                   <div class="content-data">



<h3>Modules</h3>
<div class="container-fluid modules">
    <div class="row">
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">AdminModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/AdminModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/AdminModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">AmpaModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/AmpaModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/AmpaModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">AnalysisModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/AnalysisModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/AnalysisModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">AnalysisRoutingModule</h4>
                    </div>
                    <div class="card-block">
                                <p class="no-graph">
                                    No graph available.
                                </p>
                        <footer class="text-center">
                            <a href="./modules/AnalysisRoutingModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">ApmModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/ApmModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/ApmModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">ApmRoutingModule</h4>
                    </div>
                    <div class="card-block">
                                <p class="no-graph">
                                    No graph available.
                                </p>
                        <footer class="text-center">
                            <a href="./modules/ApmRoutingModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">AppModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/AppModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/AppModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">AppRoutingModule</h4>
                    </div>
                    <div class="card-block">
                                <p class="no-graph">
                                    No graph available.
                                </p>
                        <footer class="text-center">
                            <a href="./modules/AppRoutingModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">BaseLayoutModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/BaseLayoutModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/BaseLayoutModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">ButtonModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/ButtonModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/ButtonModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">ChartModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/ChartModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/ChartModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">ChartRoutingModule</h4>
                    </div>
                    <div class="card-block">
                                <p class="no-graph">
                                    No graph available.
                                </p>
                        <footer class="text-center">
                            <a href="./modules/ChartRoutingModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">ChatRoutingModule</h4>
                    </div>
                    <div class="card-block">
                                <p class="no-graph">
                                    No graph available.
                                </p>
                        <footer class="text-center">
                            <a href="./modules/ChatRoutingModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">ChatsModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/ChatsModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/ChatsModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">ComponentModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/ComponentModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/ComponentModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">CoreModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/CoreModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/CoreModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">CrmModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/CrmModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/CrmModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">CrmRoutingModule</h4>
                    </div>
                    <div class="card-block">
                                <p class="no-graph">
                                    No graph available.
                                </p>
                        <footer class="text-center">
                            <a href="./modules/CrmRoutingModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">DatePickerModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/DatePickerModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/DatePickerModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">FileUploadModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/FileUploadModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/FileUploadModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">FireBaseComponentsModule</h4>
                    </div>
                    <div class="card-block">
                                <p class="no-graph">
                                    No graph available.
                                </p>
                        <footer class="text-center">
                            <a href="./modules/FireBaseComponentsModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">FormModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/FormModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/FormModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">FormsRoutingModule</h4>
                    </div>
                    <div class="card-block">
                                <p class="no-graph">
                                    No graph available.
                                </p>
                        <footer class="text-center">
                            <a href="./modules/FormsRoutingModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">HeaderModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/HeaderModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/HeaderModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">HomeModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/HomeModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/HomeModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">HomeRoutingModule</h4>
                    </div>
                    <div class="card-block">
                                <p class="no-graph">
                                    No graph available.
                                </p>
                        <footer class="text-center">
                            <a href="./modules/HomeRoutingModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">LoadingModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/LoadingModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/LoadingModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">MailModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/MailModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/MailModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">MailRoutingModule</h4>
                    </div>
                    <div class="card-block">
                                <p class="no-graph">
                                    No graph available.
                                </p>
                        <footer class="text-center">
                            <a href="./modules/MailRoutingModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">MaterialComponentsModule</h4>
                    </div>
                    <div class="card-block">
                                <p class="no-graph">
                                    No graph available.
                                </p>
                        <footer class="text-center">
                            <a href="./modules/MaterialComponentsModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">MaterialsModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/MaterialsModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/MaterialsModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">MaterialsRoutingModule</h4>
                    </div>
                    <div class="card-block">
                                <p class="no-graph">
                                    No graph available.
                                </p>
                        <footer class="text-center">
                            <a href="./modules/MaterialsRoutingModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">NavigationModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/NavigationModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/NavigationModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">NavigationModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/NavigationModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/NavigationModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">NavigationRoutingModule</h4>
                    </div>
                    <div class="card-block">
                                <p class="no-graph">
                                    No graph available.
                                </p>
                        <footer class="text-center">
                            <a href="./modules/NavigationRoutingModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">NotificaitonModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/NotificaitonModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/NotificaitonModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">NotificationContainerModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/NotificationContainerModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/NotificationContainerModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">PageLayoutsModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/PageLayoutsModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/PageLayoutsModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">PageLayoutsRoutingModule</h4>
                    </div>
                    <div class="card-block">
                                <p class="no-graph">
                                    No graph available.
                                </p>
                        <footer class="text-center">
                            <a href="./modules/PageLayoutsRoutingModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">PagesModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/PagesModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/PagesModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">PagesRoutingModule</h4>
                    </div>
                    <div class="card-block">
                                <p class="no-graph">
                                    No graph available.
                                </p>
                        <footer class="text-center">
                            <a href="./modules/PagesRoutingModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">SearchModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/SearchModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/SearchModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">SharedModule</h4>
                    </div>
                    <div class="card-block">
                                <p class="no-graph">
                                    No graph available.
                                </p>
                        <footer class="text-center">
                            <a href="./modules/SharedModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">SidenavModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/SidenavModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/SidenavModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">TablesModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/TablesModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/TablesModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">TablesRoutingModule</h4>
                    </div>
                    <div class="card-block">
                                <p class="no-graph">
                                    No graph available.
                                </p>
                        <footer class="text-center">
                            <a href="./modules/TablesRoutingModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">TodoModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/TodoModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/TodoModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">TodoRoutingModule</h4>
                    </div>
                    <div class="card-block">
                                <p class="no-graph">
                                    No graph available.
                                </p>
                        <footer class="text-center">
                            <a href="./modules/TodoRoutingModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">WidgetModule</h4>
                    </div>
                    <div class="card-block">
                                <p>
                                    <object id="demo-svg" type="image/svg+xml" data="./modules/WidgetModule/dependencies.svg" style="width: 100%; height: 175px;">
                                            Your browser does not support SVG
                                    </object>
                                </p>
                        <footer class="text-center">
                            <a href="./modules/WidgetModule.html" class="btn btn-default">Browse</a>
                        </footer>
                    </div>
                </div>
            </div>
    </div>
</div>











                   </div><div class="search-results">
    <div class="has-results">
        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
        <ul class="search-results-list"></ul>
    </div>
    <div class="no-results">
        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
    </div>
</div>
</div>
           </div>
       </div>

       <script src="./js/libs/bootstrap-native.js"></script>

       <script src="./js/libs/es6-shim.min.js"></script>
       <script src="./js/libs/EventDispatcher.js"></script>
       <script src="./js/libs/promise.min.js"></script>
       <script src="./js/libs/zepto.min.js"></script>

       <script src="./js/compodoc.js"></script>

       <script>var COMPODOC_CURRENT_PAGE_DEPTH = 0;</script>

       <script src="./js/search/search.js"></script>
       <script src="./js/search/lunr.min.js"></script>
       <script src="./js/search/search-lunr.js"></script>

       <script src="./js/tabs.js"></script>
       <script src="./js/menu.js"></script>
       <script src="./js/libs/prism.js"></script>
       <script src="./js/sourceCode.js"></script>
       <script src="./js/search/search_index.js"></script>

    </body>
</html>
